.f-calendar-header {
    display: flex;
    background-color: #ffffff;
}

.f-calendar-header > .f-calendar-title {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin: 14px 0;
    padding: 0 14px;
    border-right: 1px solid #e9e9e9;
    width: 144px;
}

.f-calendar-header > .f-calendar-navigator {
    flex: 1;
}

.f-calendar-header .f-calendar-view-switch {
    margin: 16px 14px;
    position: relative;
}

.f-calendar-header .f-calendar-view-switch-panel {
    background-color: #eff5ff;
    width: 200px;
    height: 28px;
    border-radius: 28px;
    display: flex;
    font-weight: 500;
}

.f-calendar-header .f-calendar-view-switch-panel > span {
    flex: 1;
    line-height: 28px;
    text-align: center;
}

.f-calendar-header .f-calendar-view-switch > .f-calendar-view-switch-active-view {
    height: 24px;
    width: 62px;
    position: absolute;
    background: rgba(255, 255, 255);
    box-shadow: 0px 4px 18px 0px rgba(2, 75, 193, 0.2);
    border-radius: 24px;
    line-height: 24px;
    text-align: center;
    color: #0091da;
    font-weight: 500;
    transition: 0.3s ease-out all;
}

.f-calendar-header > .f-calendar-navigator {
    display: flex;
}

.f-calendar-header > .f-calendar-navigator > .f-calendar-navigator-today {
    background: #ffffff;
    border: 1px solid rgba(232, 235, 242, 1);
    box-shadow: 0px 2px 6px 0px rgba(31, 35, 41, 0.06);
    border-radius: 6px;
    font-size: 13px;
    color: #2d2f33;
    font-weight: 400;
    margin: auto 6px auto 14px;
}

.f-calendar-header > .f-calendar-navigator > .f-calendar-navigator-button-group {
    box-shadow: 0px 2px 6px 0px rgba(31, 35, 41, 0.06);
    border-radius: 6px;
    font-size: 13px;
    color: #2d2f33;
    font-weight: 400;
    margin: auto 14px auto 0;
}

.f-calendar-header > .f-calendar-navigator > .f-calendar-navigator-button-group > .f-calendar-navigator-previous {
    background: #ffffff;
    border: 1px solid rgba(232, 235, 242, 1);
    border-right-color: transparent;
    border-radius: 6px 0 0 6px;
    padding: 0.1875rem 0.375rem;
}

.f-calendar-header > .f-calendar-navigator > .f-calendar-navigator-button-group > .f-calendar-navigator-next {
    background: #ffffff;
    border: 1px solid rgba(232, 235, 242, 1);
    border-radius: 0 6px 6px 0;
    padding: 0.1875rem 0.375rem;
}
